
			
			<div class="clear"></div> <!-- End .clear -->
			
			<div class="content-box"><!-- Start Content Box -->
				
				<div class="content-box-header">
					
					<h3>Content box</h3>
					
					<ul class="content-box-tabs"><!-- href must be unique and match the id of target div -->
						<li><a href="#tab2" class="default-tab">Forms</a></li>
					</ul>
					
					<div class="clear"></div>
					
				</div> <!-- End .content-box-header -->
				
				<div class="content-box-content">
					
					<div class="tab-content default-tab" id="tab2">
					
						<form action="" method="post" enctype="multipart/form-data" id="pro_add">
							
							<fieldset> <!-- Set class to "column-left" or "column-right" on fieldsets to divide the form into columns -->
								
								<p>
									<label>产品名称</label>
										<input class="text-input small-input" type="text" id="name" name="name" /> <!-- Classes for input-notification: success, error, information, attention -->
										<br /><small id="mname">产品名称不可为空</small>
								</p>
								
								<p>
									<label>产品编号</label>
									<input class="text-input small-input datepicker" type="text" id="number" name="identification_pro" />
									<br /><small id="mnumber">填写产品编号</small>
								</p>
								
								<p>
									<label>产品介绍</label>
									 <input class="text-input medium-input datepicker" type="text" id="intro" name="intro" />
									 <br /><small id="mintro">填写产品介绍</small>
								</p>
								
								<p>
									<label>产品图片</label>
									<input type="file" name="pro_img" />
								</p>
								
								<p hidden="hidden">
									<label>详情图片1</label>
									<input type="file" name="detail1" />
								</p>

								<p hidden="hidden">
									<label>详情图片2</label>
									<input type="file" name="detail2" />
								</p>

								<p hidden="hidden">
									<label>详情图片3</label>
									<input type="file" name="detail3" />
								</p>
								
								<p>
									<label>产品尺寸</label>
										高：<input class="text-input" type="text"  name="height" style="
										width:50px" />
										宽：<input class="text-input" type="text"  name="width" style="
										width:50px" />
										深：<input class="text-input" type="text"  name="deep" style="
										width:50px" />
								</p>

								<p>
									<label>产品卖点</label>
									<input class="text-input medium-input" type="text" id="merit" name="merit"  />
								</p>

								<p>
									<label>产品成分</label>
									<input class="text-input medium-input" type="text" id="ingredient" name="ingredient"  />
								</p>

								<p>
									<label>填充物</label>
									<input class="text-input small-input" type="text" id="filler" name="filler"  />
								</p>	



								<p>
									<label>产品分类</label>              
									<select name="category_id" class="small-input">
										<?php foreach($pro_cate as $v):?>
										<option value="<?php echo $v['id']?>"><?php echo $v['category_name']?></option>
										<?php endforeach;?>
										
									</select> 
								</p>
								
							
								
								<p>
									<input class="button" type="submit" value="提交	" />
								</p>
								
							</fieldset>
							
							<div class="clear"></div><!-- End .clear -->
							
						</form>
						
					</div> <!-- End #tab2 -->        
					
				</div> <!-- End .content-box-content -->
				
			</div> <!-- End .content-box -->
			
			
			<script type="text/javascript">
				$("#name").blur(function(){
					var name = $("#name").val();

					if(name == ''){
						$("#mname").css('color','red');
					}else{
						$("#mname").css('color','');
					}


					$.ajax({
						url : '',

						type : 'post',

						data : {},

						dataType : 'json',

						success : function(msg){

						}
					})

					return false;
					alert(name);
				})

				$("#number").blur(function(){
					var number = $("#number").val();

					if(number == ''){
						$("#mnumber").css('color','red');
					}else{
						$("#mnumber").css('color','');
					}


					return false;
				})

				$("#intro").blur(function(){
					var intro = $("#intro").val();

					if(intro == ''){
						$("#mintro").css('color','red');
					}else{
						$("#mintro").css('color','');
					}


					return false;
				})

				// $("#pro_add").submit(function(){

				// 	var sname = $("#name").val();
				// 	var snumber = $("#number").val();
				// 	var sintro = $("#intro").val();
					
 
				$("input[name='pro_img']").change(function(){

					$("input[name='detail1']").parent().removeAttr('hidden');




					return false;
				})

				$("input[name='detail1']").change(function(){

					$("input[name='detail2']").parent().removeAttr('hidden');

					


					return false;
				})
				$("input[name='detail2']").change(function(){

					$("input[name='detail3']").parent().removeAttr('hidden');

					


					return false;
				})
			

				// 	return false;
				// })
			</script>
			
			